Tiny CSS Projects by copyright-2022-manning-publications.html

Author:copyright-2022-manning-publications.html
Language: eng
Format: epub, pdf

circle( [<shape-radius>]? [at <position>]? )

In our case we do want the center of the circle to be the middle of the image so we will not pass a position. However, we will have to define a radius. We are going to set it to 50% (we want the radius to equal half of the width of our image) which under the covers will resolve to the square root of our width squared plus our height squared divided by the square root of 2.

Since our image is square and has a width of 175, when passing a radius of 50% it’s very logical that our radius would be 87.5, however, if the image were to be rectangular, understanding how a percentage based radius is calculated is quite important to understand what the resulting output will look like.

Download

Copyright Disclaimer:
This site does not store any files on its server. We only index and link to content provided by other sites. Please contact the content providers to delete copyright contents if any and email us, we'll remove relevant links or contents immediately.